#menuFlag {
  color: #000;
  .scrolling {
    background: hsla(0, 0%, 100%, 0.81);
    box-shadow: 0 5px 15px rgb(0 0 0 / 5%);
  }
  .nav {
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #fff;
    .nav-content {
      width: 1200px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      .item-left {
        .logo {
          width: 164px;
          height: auto;
        }
      }
      .item-right {
        display: flex;
        font-weight: 500;
        font-size: 18px;
        line-height: 35px;
        .tab {
          padding-left: 75px;
          cursor: pointer;
        }
        .active{
          color: #e8493f;
        }
      }
    }
  }
}
.col1 {
  height: 900px;
  background-image: url(../img/cidian/back.333cb7b5.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  .content {
    width: 1200px;
    margin: 0 auto 180px auto;
    text-align: center;
    .title {
      width: 850px;
      height: 205px;
      padding-top: 180px;
      margin: 0 auto;
    }
    .download-area {
      display: flex;
      justify-content: center;
      margin: 65px 0 15px 0;
      cursor: pointer;
      img {
        width: 191px;
      }
    }
    .download-old {
      font-weight: 500;
      font-size: 12px;
      line-height: 150%;
      color: #20273d;
      opacity: 0.6;
      text-align: center;
      cursor: pointer;
      display: inline-block;
      margin: 0 12.5px;
    }
  }
}
.col2 {
  width: 100%;
  margin: 0 auto 0 auto;
  .content-cell {
    width: 1200px;
    margin: 0 auto;
    .title {
      display: block;
      width: 1200px;
      height: 300px;
      object-fit: cover;
      margin: 0 auto;
    }
    .part {
      width: 1200px;
      object-fit: cover;
    }
    .part1 {
      height: 750px;
    }
    .part2 {
      height: 626px;
    }
    .part3 {
      height: 1223px;
    }
    .part4 {
      height: 1009px;
    }
    .part5 {
      height: 376px;
    }
    .part6 {
      height: 680px;
    }
    .part7 {
      height: 559px;
    }
    .part8 {
      height: 934px;
    }
    .button {
      position: relative;
      .part9 {
        width: 1205px;
        height: 417px;
        margin: 60px auto 118px auto;
      }
      .download {
        position: absolute;
        bottom: 196px;
        left: 50%;
        transform: translate(-50%);
        width: 226px;
        height: 64px;
        border-radius: 10px;
        cursor: pointer;
      }
    }
  }
}
.footer {
  box-sizing: border-box;
  font-size: 12px;
  padding: 37.5px 0 0 0;
  background: #f5f6f7;
  margin: 0 auto;
  text-align: left;
  .footer-container {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 48px;
    .foot-content {
      display: flex;
      justify-content: space-around;
      margin-right: 15%;
      position: relative;
      .foot-list {
        vertical-align: top;
        .list-cell {
          a,
          span {
            font-size: 12px;
            color: #626469;
            line-height: 2;
          }
        }
        .list-title {
          font-weight: 600;
          line-height: 20px;
          color: #2a2b2e;
          font-size: 12px;
          margin-bottom: 15px;
        }
      }
    }
    .official {
      float: right;
      .title {
        font-weight: 600;
        font-size: 12px;
        line-height: 20px;
        color: #2a2b2e;
        margin-bottom: 20px;
        text-align: center;
      }
      .weibo-code {
        width: 88px;
        height: 88px;
        margin: 0 auto;
        background: url(../img/cidian/70d3c9b5bfe02a5de89weibo.png) 50% 50% no-repeat;
        background-size: contain;
      }
    }
  }
  .copyright {
    background: #fff;
    color: #626469;
    height: 60px;
    line-height: 60px;
    text-align: center;
    a,
    span {
      font-size: 12px;
      color: #626469;
      line-height: 2;
    }
  }
}
